{include file="public/header" /}   

    <!-- Start right content -->
    <div class="content-page">
        <!-- ============================================================== -->
        <!-- Start Content here -->
        <!-- ============================================================== -->
        <div class="content">
            <!-- Start info box -->
            <div class="row top-summary">
                <div class="col-lg-3 col-md-6">
                    <div class="widget green-1 animated fadeInDown">
                        <div class="widget-content padding">
                            <div class="widget-icon">
                                <i class="icon-globe-inv"></i>
                            </div>
                            <div class="text-box">
                                <p class="maindata">TOTAL <b>浏览量</b></p>
                                <h2><span class="animate-number" data-value="111111111" data-duration="3000">0</span>
                                </h2>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="widget-footer">
                            <div class="row">
                                <div class="col-sm-12">
                                    <i class="fa fa-caret-up rel-change"></i> <b>39%</b> 增长率
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="widget darkblue-2 animated fadeInDown">
                        <div class="widget-content padding">
                            <div class="widget-icon">
                                <i class="icon-bag"></i>
                            </div>
                            <div class="text-box">
                                <p class="maindata">TOTAL <b>销售量</b></p>
                                <h2><span class="animate-number" data-value="99999" data-duration="3000">0</span></h2>

                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="widget-footer">
                            <div class="row">
                                <div class="col-sm-12">
                                    <i class="fa fa-caret-down rel-change"></i> <b>11%</b> 增长率
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="widget pink-1 animated fadeInDown">
                        <div class="widget-content padding">
                            <div class="widget-icon">
                                <i class="fa fa-dollar"></i>
                            </div>
                            <div class="text-box">
                                <p class="maindata">TOTAL <b>产出金额</b></p>
                                <h2>$<span class="animate-number" data-value="88888.8" data-duration="3000">0</span>
                                </h2>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="widget-footer">
                            <div class="row">
                                <div class="col-sm-12">
                                    <i class="fa fa-caret-down rel-change"></i> <b>7%</b> 增长率
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="widget lightblue-1 animated fadeInDown">
                        <div class="widget-content padding">
                            <div class="widget-icon">
                                <i class="fa fa-users"></i>
                            </div>
                            <div class="text-box">
                                <p class="maindata">TOTAL <b>注册用户</b></p>
                                <h2><span class="animate-number" data-value="555555" data-duration="3000">0</span></h2>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="widget-footer">
                            <div class="row">
                                <div class="col-sm-12">
                                    <i class="fa fa-caret-up rel-change"></i> <b>6%</b> 增长率
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- End of info box -->

            <div class="row">
                <div class="col-lg-8 portlets">
                    <div id="website-statistics1" class="widget">
                        <div class="widget-header transparent">
                            <h2><i class="icon-chart-line"></i> <strong>用户</strong> 增长率</h2>
                            <div class="additional-btn">
                                <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                                    <i class="fa fa-cogs"></i>
                                </a>
                                <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                                <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                        class="icon-publish"></i></a>
                                <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                                <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div class="widget-content">
                            <div id="website-statistic" class="statistic-chart">
                                <div class="row stacked">
                                    <div class="col-sm-12">
                                        <div class="toolbar">
                                            <div class="pull-left">
                                                <div class="btn-group">
                                                    <a href="#" class="btn btn-default btn-xs">Daily</a>
                                                    <a href="#" class="btn btn-default btn-xs active">Monthly</a>
                                                    <a href="#" class="btn btn-default btn-xs">Yearly</a>
                                                </div>
                                            </div>
                                            <div class="pull-right">
                                                <div class="btn-group">
                                                    <a class="btn btn-default btn-xs dropdown-toggle"
                                                       data-toggle="dropdown">
                                                        Export <i class="icon-down-open-2"></i>
                                                    </a>
                                                    <ul class="dropdown-menu pull-right" role="menu">
                                                        <li><a href="#">Export as PDF</a></li>
                                                        <li><a href="#">Export as CSV</a></li>
                                                        <li><a href="#">Export as PNG</a></li>
                                                        <li class="divider"></li>
                                                        <li><a href="#">Separated link</a></li>
                                                    </ul>
                                                </div>
                                                <a href="#" class="btn btn-primary btn-xs"><i
                                                        class="icon-cog-2"></i></a>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="clearfix"></div>
                                        <div id="morris-home" class="morris-chart" style="height: 270px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 portlets">
                    <div class="widget darkblue-3">
                        <div class="widget-header transparent">
                            <h2><strong>服务器</strong> 状态</h2>
                            <div class="additional-btn">
                                <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                                    <i class="fa fa-cogs"></i>
                                </a>
                                <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                                <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                        class="icon-publish"></i></a>
                                <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                                <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div class="widget-content">
                            <div id="website-statistic2" class="statistic-chart">

                                <div class="col-sm-12 stacked">
                                    <h4><i class="fa fa-circle-o text-green-1"></i> Server Loads</h4>
                                    <div class="col-sm-8 status-data">

                                        <div class="col-xs-12">
                                            <div class="row stacked">
                                                <div class="col-xs-4 text-center right-border">
                                                    Processes<br>
                                                    <span class="animate-number" data-value="322"
                                                          data-duration="3000">0</span>
                                                </div>
                                                <div class="col-xs-4 text-center right-border">
                                                    Connections<br>
                                                    <span class="animate-number" data-value="4789" data-duration="3000">0</span>
                                                </div>
                                                <div class="col-xs-4 text-center">
                                                    Avg. Load<br>
                                                    <span class="animate-number" data-value="76"
                                                          data-duration="3000">0</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                        <div class="progress progress-xs">
                                            <div style="width: 72%" aria-valuemax="100" aria-valuemin="0"
                                                 aria-valuenow="72" role="progressbar" class="progress-bar bg-orange-2"
                                                 title="Average Load: 76%" data-placement="right" data-toggle="tooltip">
                                                <span class="sr-only">72% Complete (success)</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 text-center">
                                        <div class="ws-load echart" data-percent="50"><span class="percent"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                                <div id="home-chart-2"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <div class="row">
                <div class="col-lg-8 portlets">
                    <div class="widget">
                        <div class="widget-header">
                            <h2><i class="icon-chart-pie-1"></i> <strong>最新订单</strong></h2>
                            <div class="additional-btn">
                                <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                                    <i class="fa fa-cogs"></i>
                                </a>
                                <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                                <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                        class="icon-publish"></i></a>
                                <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                                <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div class="widget-content">
                            <div id="morris-bar-home" class="morris-chart" style="height: 170px;"></div>

                            <div class="clearfix"></div>
                            <div id="sales-report" class="collapse in hidden-xs">
                                <div class="table-responsive">
                                    <table data-sortable class="table table-striped">
                                        <thead>
                                        <tr>
                                            <th width="70">No</th>
                                            <th data-sortable="false" width="40"><input type="checkbox"
                                                                                        id="select-all-rows"></th>
                                            <th width="120">Order ID</th>
                                            <th>Buyer</th>
                                            <th width="100">Status</th>
                                            <th width="150">Location</th>
                                            <th width="120">Total</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0021</td>
                                            <td><a href="#">John Doe</a></td>
                                            <td><span class="label label-primary">Order</span></td>
                                            <td>Yogyakarta, ID</td>
                                            <td><strong class="text-primary">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0022</td>
                                            <td><a href="#">Johnny Depp</a></td>
                                            <td><span class="label label-success">Payment</span></td>
                                            <td>London, UK</td>
                                            <td><strong class="text-success">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0023</td>
                                            <td><a href="#">Scarlett Johansson</a></td>
                                            <td><span class="label label-success">Payment</span></td>
                                            <td>Canbera, AU</td>
                                            <td><strong class="text-success">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0024</td>
                                            <td><a href="#">Hanna Barbara</a></td>
                                            <td><span class="label label-danger">Cancel</span></td>
                                            <td>Bali, ID</td>
                                            <td><strong class="text-danger">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0025</td>
                                            <td><a href="#">Ali Larter</a></td>
                                            <td><span class="label label-primary">Order</span></td>
                                            <td>Bandung, ID</td>
                                            <td><strong class="text-primary">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>6</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0026</td>
                                            <td><a href="#">Willy Wonka</a></td>
                                            <td><span class="label label-danger">Cancel</span></td>
                                            <td>Semarang, ID</td>
                                            <td><strong class="text-danger">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>7</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0027</td>
                                            <td><a href="#">Chris Isaac</a></td>
                                            <td><span class="label label-warning">Waiting</span></td>
                                            <td>New York, US</td>
                                            <td><strong class="text-warning">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>8</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0028</td>
                                            <td><a href="#">Jenny Doe</a></td>
                                            <td><span class="label label-primary">Order</span></td>
                                            <td>Boston, US</td>
                                            <td><strong class="text-primary">&#36; 1,245</strong></td>
                                        </tr>
                                        <tr>
                                            <td>9</td>
                                            <td><input type="checkbox" class="rows-check"></td>
                                            <td>#0029</td>
                                            <td><a href="#">Ban ki moon</a></td>
                                            <td><span class="label label-danger">Cancel</span></td>
                                            <td>Boston, US</td>
                                            <td><strong class="text-danger">&#36; 1,245</strong></td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 portlets">
                    <div class="row">
                        <div class="col-sm-12">
                            <div id="todo-app" class="widget">
                                <div class="widget-header centered">
                                    <div class="left-btn"><a class="btn btn-sm btn-default add-todo"><i
                                            class="fa fa-plus"></i></a></div>
                                    <h2>任务清单列表</h2>
                                    <div class="additional-btn">
                                        <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                        <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                                class="icon-publish"></i></a>
                                        <a href="#" class="widget-maximize hidden"><i
                                                class="icon-resize-full-1"></i></a>
                                        <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                        <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                                    </div>
                                </div>
                                <div class="widget-content padding-sm">
                                    <ul class="todo-list">
                                        <li>
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">Generate monthly sales report for John</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                            <span class="todo-tags pull-right">
													<div class="label label-success">New</div>
												</span>
                                        </li>
                                        <li class="high">
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">Mail those reports to John</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                        </li>
                                        <li>
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">Don't forget to send those reports to John</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                        </li>
                                        <li class="medium">
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">If you forgot, go back to office to pick them up</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                            <span class="todo-tags pull-right">
													<div class="label label-info">Today</div>
												</span>
                                        </li>
                                        <li class="low">
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">Deliver reports by hand to John</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                        </li>
                                        <li>
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">Say John that you are sorry</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                        </li>
                                        <li>
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">Beg for your job...</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                            <span class="todo-tags pull-right">
													<div class="label label-danger">Important</div>
												</span>
                                        </li>
                                        <li>
                                            <span class="check-icon"><input type="checkbox"/></span>
                                            <span class="todo-item">Look for a new job</span>
                                            <span class="todo-options pull-right">
													<a href="javascript:;" class="todo-delete"><i
                                                            class="icon-cancel-3"></i></a>
												</span>
                                            <span class="todo-tags pull-right">
													<div class="label label-warning"><i class="icon-search"></i></div>
												</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 portlets">
                    <div id="weather-widget" class="widget">
                        <div class="widget-header transparent">
                            <h2><strong>天气</strong> 信息</h2>
                            <div class="additional-btn">
                                <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                                    <i class="fa fa-cogs"></i>
                                </a>
                                <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                                <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                        class="icon-publish"></i></a>
                                <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                                <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div id="weather" class="widget-content">

                        </div>
                        <i class="wi-day-rain-mix"></i>
                        <button class="js-geolocation btn btn-sm btn-default" style="display: none;">Use Your Location
                        </button>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 portlets">
                    <div id="calendar-widget2" class="widget blue-1">
                        <div class="widget-header transparent">
                            <h2><strong>工作</strong> 日历</h2>
                            <div class="additional-btn">
                                <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                        class="icon-publish"></i></a>
                                <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div id="calendar-box2" class="widget-content col-sm-12">

                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 portlets">
                    <div id="calc" class="widget darkblue-2">
                        <div class="widget-header">
                            <div class="additional-btn left-toolbar">
                                <div class="btn-group">
                                    <a class="additional-icon" id="dropdownMenu2" data-toggle="dropdown">
                                        Calculator <i class="fa fa-angle-down"></i>
                                    </a>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu2">
                                        <li><a href="#">Save</a></li>
                                        <li><a href="#">Export</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#">Quit</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="additional-btn">
                                <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>

                                <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                        class="icon-publish"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div id="calculator" class="widget-content">
                            <div class="calc-top col-xs-12">
                                <div class="row">
                                    <div class="col-xs-3"><span class="calc-clean">C</span></div>
                                    <div class="col-xs-9">
                                        <div class="calc-screen"></div>
                                    </div>
                                </div>
                            </div>

                            <div class="calc-keys col-xs-12">
                                <div class="row">
                                    <div class="col-xs-3"><span>7</span></div>
                                    <div class="col-xs-3"><span>8</span></div>
                                    <div class="col-xs-3"><span>9</span></div>
                                    <div class="col-xs-3"><span class="calc-operator">+</span></div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-3"><span>4</span></div>
                                    <div class="col-xs-3"><span>5</span></div>
                                    <div class="col-xs-3"><span>6</span></div>
                                    <div class="col-xs-3"><span class="calc-operator">-</span></div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-3"><span>1</span></div>
                                    <div class="col-xs-3"><span>2</span></div>
                                    <div class="col-xs-3"><span>3</span></div>
                                    <div class="col-xs-3"><span class="calc-operator">÷</span></div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-3"><span>0</span></div>
                                    <div class="col-xs-3"><span>.</span></div>
                                    <div class="col-xs-3"><span class="calc-eval">=</span></div>
                                    <div class="col-xs-3"><span class="calc-operator">x</span></div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-8 col-md-6 portlets">
                    <!-- <div id="stock-widget" class="widget">
                        <div class="widget-header transparent">
                            <h2><strong>Realtime</strong> Stock Chart</h2>
                            <div class="additional-btn">
                                <a href="#" onclick="fetchData()" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                                <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div class="widget-content">
                            <h4 id="stock-title"><strong>Google Inc</strong> Stock Chart</h4>
                            <div class="stock-options pull-right btn-group">
                                <a class="btn btn-sm btn-default active" href="javascript:;" data-stock="GOOG">GOOGLE</a>
                                <a class="btn btn-sm btn-default" href="javascript:;" data-stock="AMZN">AMAZON</a>
                                <a class="btn btn-sm btn-default" href="javascript:;" data-stock="^IXIC">NASDAQ</a>
                                <a class="btn btn-sm btn-default" href="javascript:;" data-stock="^GSPC">S&P</a>
                            </div>
                            <div id="stock-chart"></div>
                        </div>
                    </div>-->
                </div>
                <div class="col-lg-4 col-md-6 portlets">
                    <div id="stock-app" class="widget green-3">
                        <div class="widget-header transparent">
                            <h2><strong>Stock</strong> Markets</h2>
                            <div class="additional-btn">
                                <a href="#" class="hidden reload"><i class="icon-ccw-1"></i></a>
                                <a class="hidden" id="dropdownMenu1" data-toggle="dropdown">
                                    <i class="fa fa-cogs"></i>
                                </a>
                                <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenu1">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                </ul>
                                <a href="#" class="widget-popout hidden tt" title="Pop Out/In"><i
                                        class="icon-publish"></i></a>
                                <a href="#" class="widget-maximize hidden"><i class="icon-resize-full-1"></i></a>
                                <a href="#" class="widget-toggle"><i class="icon-down-open-2"></i></a>
                                <a href="#" class="widget-close"><i class="icon-cancel-3"></i></a>
                            </div>
                        </div>
                        <div class="widget-content">
                            <div id="website-statistic3" class="statistic-chart">
                                <div class="row">
                                    <div class="col-xs-6">
                                        <h2>NASDAQ</h2>
                                    </div>
                                    <div class="col-xs-6">
                                        <label id="nasdaq-status" class="stock-status"></label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <h2>DOW JONES</h2>
                                    </div>
                                    <div class="col-xs-6">
                                        <label id="dow-status" class="stock-status"></label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-xs-6">
                                        <h2>S&P</h2>
                                    </div>
                                    <div class="col-xs-6">
                                        <label id="sp-status" class="stock-status"></label>
                                    </div>
                                </div>
                            </div>
                            <div id="home-chart-3"></div>
                        </div>
                        <div class="widget-footer">
                        </div>
                    </div>
                </div>
            </div>

            <!-- Footer Start -->
            <footer>
                Huban Creative &copy; 2014
                <div class="footer-links pull-right">
                    <a href="#">About</a><a href="#">Support</a><a href="#">Terms of Service</a><a href="#">Legal</a><a
                        href="#">Help</a><a href="#">Contact Us</a>
                </div>
            </footer>
            <!-- Footer End -->
        </div>
        <!-- ============================================================== -->
        <!-- End content here -->
        <!-- ============================================================== -->

    </div>
    <!-- End right content -->

{include file="public/footer" /}